import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
import path from "path";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    // 配置 SVG 图标插件
    createSvgIconsPlugin({
      // 指定 SVG 文件存放目录（你的 SVG 文件夹路径）
      iconDirs: [path.resolve(process.cwd(), "src/assets/svg")],
      // 指定图标 ID 格式
      symbolId: "icon-[name]",
    }),
  ],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"), // 设置@为src目录的别名
    },
  },
  css: {
    preprocessorOptions: {
      scss: {
        // 全局引入SCSS变量和混入
        additionalData: `
          @use "@/styles/variables" as *;
          @use "@/styles/mixins" as *;
        `,
      },
    },
  },
  server: {
    port: 3000, // 开发服务器端口
    open: true, // 自动打开浏览器
    cors: true, // 允许跨域
  },
});